<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/pages/common/taglibs.jsp"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>广东工业大学招生办-院系介绍</title>
	<link rel="stylesheet" type="text/css" href="${ctx}/css/reset.css" />
	<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
	<link rel="stylesheet" type="text/css" href="${ctx}/css/home.css" />
	<link rel="stylesheet" type="text/css" href="${ctx}/css/page.css" />
	<script type="text/javascript" src="${ctx }/js/showTime.js"></script>
	<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/jquery.tab.js"></script>
	<script type="text/javascript" src="${ctx}/js/academy-list.js"></script>
	<script type="text/javascript" src="${ctx}/js/a.js"></script>
	</head>
<body>
	<div class="wrapper">
		<div id="header" class="auto">
			<div class="header-content w960 auto rel">
				<span class="r mt20 mr10" id="time"></span>
				<div style="clear:both;"></div>
				<div class="r " style="width:210px; margin-right:10px;">建议使用360浏览器6.0以上版本或IE8以上版本浏览</div>
				<span class="abs mt60 ml70"><a href="${ctx }/index.html">Home</a>&nbsp;|&nbsp;<a href="#">Site</a></span>
			</div>
		</div>
		<!--nav-->
		<div id="nav" class="auto">
			<div class="menu-list w960 auto f16 rel">
				<ul>
					<li><a href="${ctx}/base/notice.action">招办公告</a></li>
					<li><a href="${ctx}/base/admission-policy.action">招生政策</a></li>
					<li><a href="${ctx }/base/enroll-detail!entry.action">招生计划</a></li>
					<li><a href="${ctx}/base/recruitment-detail!entry.action">录取统计</a></li>
					<li><a href="${ctx}/base/message!list.action">在线咨询</a></li>
					<li><a href="${ctx}/base/school-intr!input.action?type=010">学校概况</a></li>
					<li><a href="${ctx}/base/academy!list.action">院系介绍</a></li>
					<li><a href="${ctx}/base/environment!checkOnlineConsult.action">校园生活</a></li>
					<li><a href="${ctx}/base/teacher-view!checkConsult.action">名师介绍</a></li>
				</ul>
				<div class="right-list abs"><div class="white f20 latest-announcement">院系分类</div></div>
			</div>
		</div>
		<!--main-content-->
		<div id="main-content-child-page" class="w960 auto rel clearfix">
			<!--Breadcrumb Trail-->
			<div class="breadcurmb-trail mt5 mb10">
				您的位置：<a href="${ctx }/index.html">网站首页</a>-院系介绍
			</div>
			<div class="content rel">
				<div class="academy-analogy pl20 pr20">
					<div class="f16 pt10 pb10 ml20 mr20 mb20 tc tip pl20 pr20"><a class="red">温馨提示：</a>请选择“院系”、“专业名称”搜索相关专业信息，或在“关键字搜索”输入相关专业关键字进行搜索。</div>
					<div class="academy-analogy-title clearfix">
					<form action="${ctx}/base/major!byMajorKeyword.action" method="post" onsubmit="return GetContents()">
					  <div style=" margin-left:380px;">关键字搜索：
					      <input type="text" name="keyword" id="keyword" />
					      <input class="academy-analogy_buttom" type="submit" value="确定" id="key_btn" /></div>
					</form>
						<div class="cut-off-rule l mt5"></div>
						
						<h1>专业介绍查询</h1>
						<div class="cut-off-rule l mt5"></div>
					</div>
					<div class="academy-analogy-search mt10 mb20">
						<form name="academySearch" id="academySearch" action="${ctx}/base/major!byKeyword.action" method="post" onsubmit="return GetContents()">
							<input type="hidden" name="typeform" value="hometodetial"/>
							<table>
								<tr>
									<td class="academy-analogy-search-name">专属院系：</td>
									<td>
										<select id="academy" name="academyId" onchange="changeselect1(this.value)" style="width:200px;">
										  
										  <!-- <select name="academyId" id="first" onchange="select()"> -->										
											<option value="" selected="selected">请选择学院</option>
										<s:iterator value="academyList" >
											<option value="<s:property value='id'/>">${name}</option>	
				                       </s:iterator>	
				                       	</select>
									</td>
								</tr>
								<!-- <span id="second"> -->
								<tr>
									<td class="academy-analogy-search-name">专业名称：</td>
									<td>
										<%--<select name="smallclass">
											--%>   <select name="id" id="major" style="width:200px;">											
				                       	</select>
									</td>
								</tr>
								<!-- </span> -->
								<tr>
									<td colspan="2" align="center">
										<input class="academy-analogy_buttom academy-analogy_buttom_add" type="submit" value="确定" name=""/>
										<input class="academy-analogy_buttom academy-analogy_buttom_add"  type="reset" value="重选" name=""/>
									</td>
								</tr>
							</table>
						</form>
					</div>
					<div class="academy-analogy-title clearfix">
						<div class="cut-off-rule l mt5"></div>
						<h1>学院专业分类</h1>
						<div class="cut-off-rule l mt5"></div>
					</div>					
				</div>
				<div>
					<ul class="academy-right-menu abs">
					<s:iterator value="academyList">
					
						<li><a href="${ctx}/base/major!list.action?academyId=${id}" target="left">${name}</a></li>
					  </s:iterator>	
					</ul>
					<div>
					<iframe src="${ctx}/base/major!list.action?academyId=${entity.id}" name="left" width="700px" height="350px" style="border-style: none"></iframe>					
					</div>
				</div>
				<div class="academy-display">
					<div class="academy-result-pic rel z2" style="left:-25px;"><span class="white f18 rel">院系展示</span></div>
					<div class="academy-display-line r rel z1"></div>
				</div>
				<div id="slide">
						<div class="arrows">
							<a class="prev l"></a>
						</div>
						<div class="slide-block">
							<ul>
								<li><a href="http://clnyxy.gdut.edu.cn/"><img src="${ctx}/images/caineng.JPG" title="材料与能源学院" alt="材料与能源学院"/></a></li>
								<li><a href="http://arc.gdut.edu.cn/"><img src="${ctx}/images/chengshi.JPG" title="建筑与城市规划学院" alt="建筑与城市规划学院"/></a></li>
								<li><a href="http://glxy.gdut.edu.cn/"><img src="${ctx}/images/guanli.JPG" title="管理学院" alt="管理学院"/></a></li>
								<li><a href="http://hkxy.gdut.edu.cn/"><img src="${ctx}/images/huanjing.JPG" title="环境科学与工程学院" alt="环境科学与工程学院"/></a></li>
								<li><a href="http://jdgcxy.gdut.edu.cn/"><img src="${ctx}/images/jidian.jpg" title="机电工程学院" alt="机电工程学院"/></a></li>
								<li><a href="http://jsjxy.gdut.edu.cn/"><img src="${ctx}/images/jisuanji.JPG" title="计算机学院" alt="计算机学院"/></a></li>
								<li><a href="http://jmxy.gdut.edu.cn/"><img src="${ctx}/images/jingji.JPG" title="经济与能源学院" alt="经济与能源学院"/></a></li>
								<li><a href="http://qghgxy.gdut.edu.cn/"><img src="${ctx}/images/qinggong.JPG" title="轻工化工学院" alt="轻工化工学院"/></a></li>
								<li><a href="http://shxy.gdut.edu.cn/"><img src="${ctx}/images/shangxueyuan.JPG" title="商学院" alt="商学院"/></a></li>
								<li><a href="http://web.gdut.edu.cn/~jsxy/"><img src="${ctx}/images/tumu.JPG" title="土木与交通工程学院" alt="土木与交通工程学院"/></a></li>
								<li><a href="http://wgyxy.gdut.edu.cn/"><img src="${ctx}/images/waiguoyu.JPG" title="外国语学院" alt="外国语学院"/></a></li>
								<li><a href="http://wlgdxy.gdut.edu.cn/"><img src="${ctx}/images/wuli.JPG" title="物理与光电工程学院" alt="物理与光电工程学院" /></a></li>
								<li><a href="http://xxgcxy.gdut.edu.cn/"><img src="${ctx}/images/xingong.JPG" title="信息工程学院" alt="信息工程学院"/></a></li>
								<li><a href="http://yssjxy.gdut.edu.cn/"><img src="${ctx}/images/yishu.JPG" title="艺术设计学院" alt="艺术设计学院"/></a></li>
								<li><a href="http://yysxxy.gdut.edu.cn/"><img src="${ctx}/images/yingshu.JPG" title="应用数学学院" alt="应用数学学院"/></a></li>
								<li><a href="http://zfxy.gdut.edu.cn/"><img src="${ctx}/images/zhengfa.JPG" title="政法学院" alt="政法学院"/></a></li>
								<li><a href="http://automation.gdut.edu.cn/"><img src="${ctx}/images/zidonghua.jpg" title="自动化学院" alt="自动化学院" /></a></li>
							</ul>
						</div>
						<div  class="arrows">
							<a class="next r"></a>
						</div>
					</div>
			</div>
		</div>	
				<jsp:include page="../../../footer.jsp" flush="true" /> 
	</div>
		<script type="text/javascript">
		function changeselect1(id){
			$.getJSON("${ctx}/base/major!majorlist.action", {academyId:id}, function(json){
					var options="<option value=''>请选择专业</option>";
	           		for(var i=0; i<json.length; i++){
	           			options+="<option value="+json[i].id+">"+json[i].name+"</option>";
	           		}
	           		$("#major").html(options);
	     	});
		}

    </script>
	<script>
	function GetContents() {
		var academyId = document.getElementById("academy");
		var majorId = document.getElementById("major");
		var keyword = document.getElementById("keyword");
		//alert(article.value);
		if(keyword.value==""){
		  if(academyId.value ==""){
			alert("搜索不能为空！");
			return false;
		   }
		}
		return true;
	}
	</script>
</body>
</html>
